body{
    background-color:#f2f3f8;
    margin:0;
    padding:0;
    position: relative;
}
li{
    list-style-type: none;
    padding:0;
}
ul{
    padding:0;
}
.buttonList ul{
    background-color: white;
    line-height: 30px;
    margin:0;
    padding:0;

}
#personalHeader{
    height:180px;
    width:100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7DA8DD), color-stop(100%,#AD7974));
    text-align: center;
    border: none;
}
#personalHeader ul{
    overflow:hidden;
    line-height: 50px;
    margin:0;
    padding:0;
}
#personalHeader ul li:first-child{
    margin-top: 20px;
    text-align: center;
}
#personalHeader ul li div:first-child{
    border:solid 5px white;
    border-radius: 100px;
    width:90px;
    height:90px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
#personalHeader ul>li{
    color:white;
    font-family: "Microsoft YaHei UI";
}
#buttonList1{
    margin-top: 10px;
}
.buttonList{
    background-color: white;
    border:none;
    border-left:none;
    border-right:none;
    height:50px;
    background-color: white;
    line-height: 50px;
    overflow: hidden;
}
.buttonList ul li:first-child{
    padding:0;
    float: left;
    margin-right: 15px;
    color:#545454;
    font-family: "Microsoft YaHei UI";
    margin-left: 20px;
    line-height: 50px;

}

.buttonList ul li{
    padding:0;
    float: left;
    margin-right: 15px;
    color:#545454;
    font-family: "Microsoft YaHei UI";
    margin-left: 20px;
    line-height: 50px;
}
.buttonList ul li img{
    margin-top:10px;
}
#footerButton{
    border:solid 1px #e4e4e4;
    width:100%;
    background-color: white;
    position:fixed;
    bottom:0;
    height:66px;
}
#footerButton li{
    padding:0;
    float:left;
    width:20%;
    text-align: center;
    color:#545454;
    font-size:12px;
}
#footerButton ul{
    width:100%;
    padding:0;
    margin-top:10px;
}
